<?php
use_helper('I18N');
$culture = $sf_user->getCulture();
?>

<?php slot('head-slot') ?>
<link href="/css/jquery.selectbox.css" type="text/css" rel="stylesheet" />
<link href="/select/style.css" rel="stylesheet" type="text/css" media="screen" />
<link href="/css/mycss.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="/js/jquery.selectbox-0.2.js"></script>
<script type="text/javascript" src="/js/register.js"></script>
<script type="text/javascript" src="/js/validate.js"></script>
<script type="text/javascript" src="/js/form2object.js"></script>
<?php end_slot() ?>

<?php
$page_title = "Register Live";
include_component('component', 'breadcrumb', array("title" => $page_title, "links" => array("Home" => "/home", "Trading Accounts" => "/tradingaccounts", $page_title => "")));
?>

<div class="content">

    <?php include_component('component', 'sidebar', array("module" => $sf_context->getModuleName(), "action" => $sf_context->getActionName())) ?>

	<div class="maincontent">
		<div class="registration_box">
			<h3 class="title"><b><?php echo __("Registration") ?></b></h3>
			<h4><?php echo __("If you have registered an account, please click here to %1%Login%2%.", array("%1%" => '<a href="http://partner.vicfx.com" target="_blank">', "%2%" => "</a>")) ?></h4>
			<div class="step_box">
				<div class="step_item current">
				<span>1</span>
				<p><?php echo __("Registration") ?></p>
				</div>
				<div class="step_item">
				<span>2</span>
				<p><?php echo __("Complete your personal information") ?></p>
				</div>
				<div class="step_item">
				<span>3</span>
				<p><?php echo __("Registration completed") ?></p>
				</div>
			</div>
			<div class="form_box">
                <form action="http://vicfx.com/tradingaccounts/registerLiveSubmit" id="form_1" method="post">
                    <ul>
                        <li class="ll username">
                            <label><span class="required">*</span> <?php echo __("Email") ?></label>
                            <input type="text" placeholder="example@domain.com" class="text" name="userName" id="userName" value="">
                            <div class="cx_poptip" id="cx_poptip_userName">
                            <label class="cx_message" id="cx_poptip_message" name="label"><?php echo __("This email address will be your username of the website") ?></label>
                            </div>
                        </li>
                        <li class="ll password">
                            <label><span class="required">*</span> <?php echo __("Password") ?></label>
                            <input type="password" value="" class="text" name="password" id="password" />
                            <div class="cx_poptip" id="cx_poptip_password">
                            <label class="cx_message" id="cx_password_message" name="label"><?php echo __("at least 6 characters including alphabets and digits") ?></label>
                            </div>
                        </li>
                        <li class="ll password2">
                            <label><span class="required">*</span> <?php echo __("Confirm password") ?></label>
                            <input type="password" value="" class="text" name="password2" id="password2"/>
                            <div class="cx_poptip" id="cx_poptip_password2">
                            <label class="cx_message" id="cx_password2_message" name="label"><?php echo __("Reconfirm password") ?></label>
                            </div>
                        </li>
                        <li class="ll phone">
                            <label><span class="required">*</span> <?php echo __("Telephone no.") ?></label>
                            <input type="text" class="text phone2" name="phoneNum" id="phone" value="" />
                            <div class="cx_poptip" id="cx_poptip_phone">
                            <label class="cx_message" id="cx_phone_message" name="label"><?php echo __("Please enter a valid telephone number") ?></label>
                            </div>
                        </li>

                        <li class="checkbox_row">
                            <input type="checkbox" class="checkbox" style="vertical-align: middle;" id="agreement2" name=""><label for="agreement2"><span><?php echo __("I agree to receive information from the company which may contain marketing materials") ?></span></label>
                        </li>
                        <li class="checkbox_row">
                            <input type="checkbox" class="checkbox" style="vertical-align: middle;" id="agreement1" name=""><label for="agreement1"><span><?php echo __("I have read and accept the %1%Privacy Policy%2%", array("%1%" => '<a href="#" target="_blank">', "%2%" => "</a>")) ?></span></label>
                        </li>
                        <li class="submit_row">
                            <p><?php echo __("We are temporarily unable to process applications from %1%the some countries, regions and organisations%2%", array("%1%" => '<a href="#" target="_blank">', "%2%" => "</a>")) ?></p>

                            <a id="submit" name="live" href="javascript:void(0)" class="submit"><?php echo __("Register") ?></a>
                        </li>
                    </ul>
                </form>
			</div>
		</div>
    </div>
</div>
